<Cards><Card title="compile" icon="fa-solid fa-code" href="/react-print/components/compile">
    Compile a React component to a string with the Onedoc print styles.
  </Card><Card title="CSS" icon="fa-brands fa-css3-alt" href="/react-print/components/css">
    Allows adding CSS to the document while securely parsing and escaping it.
  </Card><Card title="Footnote" icon="fa-solid fa-info" href="/react-print/components/footnote">
    Create automatically numbered footnotes.
  </Card><Card title="LaTeX" icon="fa-solid fa-square-root-variable" href="/react-print/components/latex">
    Render LaTeX formulas right in your React components.
  </Card><Card title="Markdown" icon="fa-brands fa-markdown" href="/react-print/components/markdown">
    Render Markdown inside your templates.
  </Card><Card title="Shell" icon="fa-solid fa-border-all" href="/react-print/components/shell">
    Display content in other page regions.
  </Card><Card title="Signature" icon="signature" href="/react-print/components/signature">
    Add signature fields to your document.
  </Card><Card title="Tailwind" icon="fa-solid fa-wind" href="/react-print/components/tailwind">
    A simple, drop-in way to use Tailwind CSS in your components.
  </Card><Card title="Variables" icon="fa-solid fa-subscript" href="/react-print/components/variables">
    Display dynamic values based on your document, such as page numbers and running headers.
  </Card></Cards>